﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>彩色边框创意div层样式</title>
<meta name="description" content="Neat">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" user-scalable="no">
<link rel="stylesheet" href="css/manager.css">
</head>
<body>
<section class="main-group">
	<div class="item-group">
		<div class="content">
			<h2>A</h2>
			<div class="title">
				火车车次管理
			</div>
			<div class="desc">
				查看火车车次始发站、终点站，查看列车时刻表，删除列车
			</div>
			<a href="#" class="button-group">
				点击进入
			</a>
		</div>
	</div>
	<div class="item-group">
		<div class="content">
			<h2>B</h2>
			<div class="title">
				火车车次添加
			</div>
			<div class="desc">
				添加新的火车车次及其过站
			</div>
			<a href="#" class="button-group">
				点击进入
			</a>
		</div>
	</div>
	<div class="item-group">
		<div class="content">
			<h2>C</h2>
			<div class="title">
				订单信息管理
			</div>
			<div class="desc">
				在某个日期内,查询某辆列车的订单、查询某个用户的订单，查看火车余票
			</div>
			<a href="#" class="button-group">
				点击进入
			</a>
		</div>
	</div>
	<div class="item-group">
		<div class="content">
			<h2>D</h2>
			<div class="title">
				用户信息管理
			</div>
			<div class="desc">
				查看当前已经注册用户的信息
			</div>
			<a href="http://www.bootstrapmb.com" class="button-group">
				点击进入
			</a>
		</div>
	</div>

</section>

</body>
</html>

